<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="../node_modules/vue/dist/vue.js"></script>
</head>
<body>
    <div id="app">
        <mydiv></mydiv>
    </div>
<!--    <template id="me">-->
<!--        <h1 style="color: chartreuse">template标签定义组件</h1>-->
<!--    </template>-->
            <script type="text/template" id="me">
                <h1 style="background-color: chartreusec">script标签定义的组件</h1>
            </script>
</body>
    <script type="text/javascript">
        Vue.component("mydiv",{template:"#me"})
        new Vue({
            el:"#app",
            data:{

            }
        })
    </script>
</html>